<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>layout 后台大布局 - Layui</title>
		<link rel="stylesheet" href="../../layui/css/layui.css">
		<link rel="stylesheet" href="../../css/manager.css">
		<link rel="stylesheet" href="../../css/main.css">
		<script type="text/javascript" src="../../js/plugin/jquery-2.1.0.min.js"></script>
		<script type="text/javascript" src="../../js/plugin/jquery.i18n.properties.min.js"></script>
		<script src="../../layer/layer.js"></script>
		<script src="../../layui/layui.js"></script>
		<!-- 引入 ECharts 文件 -->
		<script src="../../layui/echarts/echarts.common.min.js"></script>
	</head>

	<body class="page-body">
		<!--contentBegin-->
		<div class="layui-fluid">
			<span class="layui-breadcrumb" lay-separator=">">
			  <a href="" class="l-lab-text">Home</a>
			  <a href="" class="l-lab-text">Document</a>
			  <a href="" class="l-lab-text">Merchant Settlement</a>
			</span>
		</div>
		<div class="order-container-box" style="width: 98%;">
			<!-- Unnamed (Rectangle) -->
			<div class="ax_default_box">
				<div class="text-box-man">
					<div class="ico-box-man">
						<img class="img" style="width: 50px;height: 47px;" src="./images/u370.png">
					</div>
					<div class="order-data-box">
						<div class="text-title-man"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#999999;" class="sp-title">今日订单总数</span></div>
						<div class="text-value-man"><span style="font-family:'Helvetica';color:#666666;" class="sp-value" id="todayOrderCount">¥0</span></div>
					</div>
				</div>
			</div>
			<!-- Unnamed (Rectangle) -->
			<div class="ax_default_box">
				<div class="text-box-man">
					<div class="ico-box-man">
						<img class="img" style="width: 50px;height: 47px;" src="./images/u388.png">
					</div>
					<div class="order-data-box">
						<div class="text-title-man"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#999999;" class="sp-title">今日订单总额</span></div>
						<div class="text-value-man"><span style="font-family:'Helvetica';color:#666666;" class="sp-value" id="todayTotalMoney">¥0</span></div>
					</div>
				</div>
			</div>
			<!-- Unnamed (Rectangle) -->
			<div class="ax_default_box" >
				<div class="text-box-man">
					<div class="ico-box-man">
						<img id="u370_img" class="img" style="width: 50px;height: 47px;" src="./images/u388.png">
					</div>
					<div class="order-data-box">
						<div class="text-title-man"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#999999;" class="sp-title">昨日订单总额</span></div>
						<div class="text-value-man"><span style="font-family:'Helvetica';color:#666666;" class="sp-value" id="yesterdaytOtalMoney">¥0</span></div>
					</div>
				</div>
			</div>
			<!--Unnamed (Rectangle)-->
			<div class="ax_default_box" >
				<div class="text-box-man">
					<div class="ico-box-man">
						<img class="img" style="width: 50px;height: 47px;" src="./images/u367.png">
					</div>
					<div class="order-data-box">
						<div class="text-title-man"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#999999;" class="sp-title">近7天订单总额</span></div>
						<div class="text-value-man"><span style="font-family:'Helvetica';color:#666666;" class="sp-value" id="near7dayTotalMoney">¥0</span></div>
					</div>
				</div>
			</div>
		</div>

		<div class="layui-row  text-first-box">
			<div class="text ">
				<p class="p-text-box-1"><span class="tex-box_1">待处理事务</span></p>
			</div>
			<div class="d-box-1-content">
				<div class="text-u393_text">
					<p class="cache-box-1"><span style="color: rgb(26, 188, 156);">待付款订单</span>
						<span style="color: rgb(26, 188, 156);">(</span>
						<span style="color: rgb(26, 188, 156);" id="waitPayOrder">0</span>
						<span style="color: rgb(26, 188, 156);">)</span>
					</p>
					<p class="cache-box-1"><span style="color: rgb(26, 188, 156);">已完成订单</span>
						<span style="color: rgb(26, 188, 156);">(</span>
						<span style="color: rgb(26, 188, 156);" id="finshOrder">0</span>
						<span style="color: rgb(26, 188, 156);">)</span>
					</p>
					<p class="cache-box-1"><span style="color: rgb(26, 188, 156);">待服务订单</span>
						<span style="color: rgb(26, 188, 156);">(</span>
						<span style="color: rgb(26, 188, 156);" id="waitServiceOrder">0</span>
						<span style="color: rgb(26, 188, 156);">)</span>
					</p>
				</div>
			</div>
		</div>
		<div class="layui-row  text-first-box">
			<div class="text ">
				<p class="p-text-box-1"><span class="tex-box_1">用户总览</span></p>
			</div>
			<div class="d-box-1-content">
				<div class="text-u393_text">
					<div class="d-box-text-3 ">
						<p style="font-size:28px;margin-top: 20px;"><span style="color:#F04844;" id="todyUserCount">0</span></p>
						<p style="font-size:14px;" class="lab-box-tex-3"><span style="color:#666666;">今日新增</span></p>
					</div>
					<div class="d-box-text-3 ">
						<p style="font-size:28px;"><span style="color:#F04844;" id="YesterdayUserCount">0</span></p>
						<p style="font-size:14px;" class="lab-box-tex-3"><span style="color:#666666;">昨日新增</span></p>
					</div>
					<div class="d-box-text-3 ">
						<p style="font-size:28px;"><span style="color:#F04844;" id="monthUserCount">0</span></p>
						<p style="font-size:14px;" class="lab-box-tex-3"><span style="color:#666666;">本月新增</span></p>
					</div>
					<div class="d-box-text-3 ">
						<p style="font-size:28px;"><span style="color:#F04844;" id="totalUserCount">0</span></p>
						<p style="font-size:14px;" class="lab-box-tex-3"><span style="color:#666666;">会员总数</span></p>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-row ">
			<div id="u392_text" class="text ">
				<p class="p-text-box-1"><span class="tex-box_1">订单统计</span></p>
			</div>
		</div>
		<div id="u392" class="ax_default_box_1">
			<div id="" class="order-text-count">
				<div class="bx-default-box-1">
					<div class="">
						<span class="text-title-order-total">本月订单总数</span>
					</div>
					<div class="text ">
						<span class="text-order-total" id="monthOrderCount">0</span>
					</div>
					<div class="text ">
						<img src="images/dw-ico.png" />
						<span id="MonthAdds">0%</span>
						<span class="text-order-comp">同比上月</span>
					</div>
				</div>
				<div class="bx-default-box-1">
					<div class="">
						<span class="text-title-order-total">本周订单数量</span>
					</div>
					<div class="text ">
						<span class="text-order-total" id="near7dayOrderCount">0</span>
					</div>
					<div class="text ">
						<img src="images/up_ico.png" />
						<span id="ToweekAdds">0%</span>
						<span class="text-order-comp">同比上周</span>
					</div>
				</div>
			</div>
		</div>
		<div style="float: right;margin-right: 60px;">
			<div class="layui-btn-group">
				<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="">
                <i class="layui-icon">今日</i>
            </button>
				<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="onSelectNear7Days()">
                <i class="layui-icon">本周</i>
            </button>
				<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="onSelectDayOfMonth()">
                <i class="layui-icon">本月</i>
            </button>
			</div>
			<div class="layui-inline">
				<span class="layui-inline" style="margin-left: 15px;">自定义</span>
				<div class="layui-input-inline">
					<input class="layui-input" id="queryDate" placeholder="yyyy-MM-dd" type="text">
				</div>
				<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="">
                <i class="layui-icon">&#xe615;</i>
            </button>
			</div>
		</div>
		<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM 
    <div id="main" style="width: 80%;height:400px;display: inline-block;">
    </div>
</div>
<script type="text/javascript" src="js/i18n.js"></script>
<script type="text/javascript" src="js/DateFormate.js"></script>
<script type="text/javascript">
    $(function() {
        console.log("33333333333333333")
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function() {
            var element = layui.element;
            element.init();
            element.init('breadcrumb');
            element.render('nav');
            element.render('tab');
            //…
        });
        layui.use('laydate', function() {
            var laydate = layui.laydate;

            //日期时间选择器
            laydate.render({
                elem: '#queryDate',
                range: true,
                lang: $._lang //控制语言
            });
        });
    });
</script>
</body>
</html>